﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>Vudieutoc.com - Hãy lắng nghe vũ điệu của Tóc</title>
    <link type="image/x-icon" rel="icon" href="http://www.vudieutoc.com/favicon.ico">
    <!--CSS-->
    <link media="screen,projection" href="/Content/themes/vudieutoc/css/position.css"
        rel="stylesheet" type="text/css" />
    <link media="screen,projection" href="/Content/themes/vudieutoc/css/layout.css" rel="stylesheet"
        type="text/css" />
    <link media="Print" href="/Content/themes/vudieutoc/css/print.css" rel="stylesheet"
        type="text/css" />
    <link media="screen,projection" href="/Content/themes/vudieutoc/css/personal.css"
        rel="stylesheet" type="text/css" />
    <link media="screen,projection" href="/Content/themes/vudieutoc/css/general.css"
        rel="stylesheet" type="text/css" />
    <link media="all" href="/Content/themes/vudieutoc/css/prettyPhoto.css" rel="stylesheet"
        type="text/css" />
    <!--Javascript-->
    <script src="/Content/themes/vudieutoc/js/core.js" type="text/javascript"></script>
    <script src="/Content/themes/vudieutoc/js/mootools-core.js" type="text/javascript"></script>
    <script src="/Content/themes/vudieutoc/js/caption.js" type="text/javascript"></script>
    <script src="/Content/themes/vudieutoc/js/mootools-more.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.addEvent('domready', function () {
            $$('.hasTip').each(function (el) {
                var title = el.get('title');
                if (title) {
                    var parts = title.split('::', 2);
                    el.store('tip:title', parts[0]);
                    el.store('tip:text', parts[1]);
                }
            });
            var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false });
        });
    </script>
    <script src="/Content/themes/vudieutoc/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/Content/themes/vudieutoc/js/cufon-yui.js" type="text/javascript"></script>
    <script src="/Content/themes/vudieutoc/js/cufon-replace.js" type="text/javascript"></script>
    <script src="/Content/themes/vudieutoc/js/jquery.faded.js" type="text/javascript"></script>
    <script src="/Content/themes/vudieutoc/js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function () {
            $j('#header ul li.parent').hover(function () {
                $j(this).addClass("actives");
                $j(this).find('> ul').stop(false, true).fadeIn();
                $j(this).find('>ul ul').stop(false, true).fadeOut('fast');
                Cufon.refresh();
            },
            function () {
                $j(this).removeClass("actives");
                $j(this).find('ul').stop(false, true).fadeOut('fast');
                Cufon.refresh();
            }
        );
            $j('.ulwrapper').hover(function () {
                $j('.parent').addClass("active_tab");
                Cufon.refresh();
            },
        function () {
            $j('.parent').removeClass("active_tab");
            Cufon.refresh();
        }
        );
            jQuery("#faded").faded({
                speed: 500,
                crossfade: true,
                bigtarget: false,
                loading: true,
                autoplay: 4000,
                autorestart: 2000,
                autopagination: false
            });
            //fade effect for portfolio
            jQuery("#gallery .portfolio li span.thumb-wrapper").hover(function () {
                jQuery(this).find("img").fadeTo(300, .3)
            }, function () {
                jQuery(this).find("img").fadeTo(300, 1)
            });
            //fade effect for portfolio
            jQuery("#slider .pagination a").hover(function () {
                jQuery(this).find("img").fadeTo(300, .7)
            }, function () {
                jQuery(this).find("img").fadeTo(300, 1)
            });
            $j("#gallery .portfolio a[rel^='prettyPhoto']").prettyPhoto({
                animationSpeed: 'slow',
                theme: 'facebook',
                slideshow: false,
                autoplay_slideshow: false,
                show_title: true,
                overlay_gallery: false
            });
        }); 
    </script>
</head>
<body class="main">
    <div id="all">
        <div id="header">
            <div id="head">
                <div class="logoheader">
                    <h1 id="logo">
                        <a href="http://vudieutoc.com" title="">
                            <img alt="Logo Vudieutoc.com" src="/Content/themes/vudieutoc/images/logo.png" /></a>
                        <span class="header1"></span>
                    </h1>
                </div>
                <div class="main_menu">
                    <ul class="menu">
                        <li class="current active" id="item-464"><a href="#" class="first_menu">Trang chủ</a>
                        </li>
                        <li id="item-465"><a href="#">Tóc Teen</a> </li>
                        <li><a href="#">Tóc Lady</a> </li>
                        <li><a href="#">Tóc Men</a> </li>
                        <li class="parent" id="item-444"><a href="#">Chăm sóc tóc</a>
                            <ul style="display: none;">
                                <li id="item-500"><a href="#">Dưỡng tóc</a> </li>
                                <li id="item-502"><a href="#">Chăm sóc da đầu</a> </li>
                            </ul>
                        </li>
                        <li id="item-466"><a href="#">Góc thời trang</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="custom">
            <div id="slider">
                <div class="container">
                    <div id="faded">
                        <div class="rap" style="position: relative;">
                            <div class="slide" style="position: absolute; top: 0px; left: 0px; z-index: 0;">
                                <a href="#">
                                    <img width="949" height="349" title="slider_img1" alt="slider_img1" class="attachment-slider-post-thumbnail wp-post-image"
                                        src="/Content/Upload/Slides/slider_img1.png" /></a>
                            </div>
                            <div class="slide" style="position: absolute; top: 0px; left: 0px; z-index: 0; display: none;">
                                <a href="#">
                                    <img width="949" height="349" title="slider_img2" alt=" " class="attachment-slider-post-thumbnail wp-post-image"
                                        src="/Content/Upload/Slides/slider_img2.png" /></a>
                            </div>
                            <div class="slide" style="position: absolute; top: 0px; left: 0px; z-index: 0; display: none;">
                                <a href="#">
                                    <img width="949" height="349" title="slider_img3" alt=" " class="attachment-slider-post-thumbnail wp-post-image"
                                        src="/Content/Upload/Slides/slider_img3.png" /></a>
                            </div>
                            <div class="slide" style="position: absolute; top: 0px; left: 0px; z-index: 0; display: none;">
                                <a href="#">
                                    <img width="949" height="349" title="slider_img4" alt=" " class="attachment-slider-post-thumbnail wp-post-image"
                                        src="/Content/Upload/Slides/slider_img4.png" /></a>
                            </div>
                            <div class="slide" style="position: absolute; top: 0px; left: 0px; z-index: 0; display: none;">
                                <a href="#">
                                    <img width="949" height="349" title="slider_img5" alt=" " class="attachment-slider-post-thumbnail wp-post-image"
                                        src="/Content/Upload/Slides/slider_img5.png" /></a>
                            </div>
                            <div class="slide" style="position: absolute; top: 0px; left: 0px; z-index: 0; display: none;">
                                <a href="#">
                                    <img width="949" height="349" title="slider_img6" alt=" " class="attachment-slider-post-thumbnail wp-post-image"
                                        src="/Content/Upload/Slides/slider_img6.png" /></a>
                            </div>
                        </div>
                        <ul class="pagination">
                            <li class="current"><a rel="0" href="#">
                                <img alt="" src="/Content/Upload/Slides/slider_thumb1.png" style="opacity: 1;" /></a>
                            </li>
                            <li class=""><a rel="1" href="#">
                                <img alt="" src="/Content/Upload/Slides/slider_thumb2.png" style="opacity: 1;" /></a>
                            </li>
                            <li class=""><a rel="2" href="#">
                                <img alt="" src="/Content/Upload/Slides/slider_thumb3.png" style="opacity: 1;" /></a>
                            </li>
                            <li class=""><a rel="3" href="#">
                                <img alt="" src="/Content/Upload/Slides/slider_thumb4.png" style="opacity: 1;" /></a>
                            </li>
                            <li class=""><a rel="4" href="#">
                                <img alt="" src="/Content/Upload/Slides/slider_thumb5.png" style="opacity: 1;" /></a>
                            </li>
                            <li class=""><a rel="5" href="#">
                                <img alt="" src="/Content/Upload/Slides/slider_thumb6.png" style="opacity: 1;" /></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="content">
            <div class="padding_content">
                <div class="wrapper_overflow">
                    <div id="sidebar-2">
                        <div class="moduletable search_block">
                            <h3>
                                Tìm kiếm</h3>
                            <form id='searchform' method='get' action="/search">
                            <div class="search search_block">                                
                                <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}'
                                onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}'
                                type='text' value='Search' class="inputbox search_block"/>
                                <input type="submit" onclick="this.form.searchword.focus();" class="button search_block"
                                    value="Tìm!" />
                            </div>
                            </form>                            
                        </div>
                        <div class="moduletable">
                            <h3>
                                Chủ đề quan tâm</h3>
                            <div class="custom">
                                <ul>
                                    <li><a href="#">Tóc Teen</a></li>
                                    <li><a href="#">Tóc Lady</a></li>
                                    <li><a href="#">Tóc Men</a></li>
                                    <li><a href="#">Chăm sóc tóc</a></li>
                                    <li><a href="#">Góc thời trang</a></li>
                                </ul>
                            </div>
                        </div>
                        <div id="extra-bottom">
                            <div class="moduletable archives">
                                <h3>
                                    Theo ngày tháng</h3>
                                <div class="custom archives">
                                    <ul>
                                        <li><a href="#">January 2011</a></li>
                                        <li><a href="#">March 2010</a></li>
                                        <li><a href="#">February 2010</a></li>
                                        <li><a href="#">January 2010</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="maincolbck">
                        <div id="maincolumn">
                            <div class="blogmain">
                                <div class="items-leading">
                                    <div class="leading-0">
                                        <div class="article">
                                            <h2 class="main_h2">
                                                <a rel="bookmark" href="#">Bài mới nhất - 01</a></h2>
                                            <div class="featured-thumbnail-alt fleft">
                                                <img width="314" height="198" title="thumb3" alt="thumb3" class="attachment-post-thumbnail wp-post-image"
                                                    src="/Content/Upload/Images/thumb1.png" /></div>
                                            <div class="post-content">
                                                Cùng check BST các kiểu tóc "khổng lồ" của Miley, Selena, Taloyr Swiff... và chấm
                                                điểm xem kiểu tóc của star nào đẹp hơn nhé!Những kiểu tóc luôn được xếp "ngang hàng"
                                                với trang phục nếu xét về độ quan trọng trong khâu làm đẹp của các teengirl. Bạn
                                                sẽ luôn tạo được những ấn tượng tuyệt vời nếu biết tinh mắt chọn lựa cho mình một
                                                kiểu tóc thực sự "ăn ý" với khuôn mặt cũng như kiểu trang phục mà mình định diện.
                                                Cùng zoom vào những kiểu tóc của các teen star để tìm gợi ý cho mình nhé....</div>
                                        </div>
                                        <div class="post-meta">
                                            <a href="#"><span>Xem thêm </span></a>
                                        </div>
                                        <div class="item-separator">
                                        </div>
                                    </div>
                                    <div class="leading-1">
                                        <div class="article">
                                            <h2 class="main_h2">
                                                <a rel="bookmark" href="#">Bài mới nhất - 02</a></h2>
                                            <div class="featured-thumbnail-alt fleft">
                                                <img width="314" height="198" title="thumb3" alt="thumb3" class="attachment-post-thumbnail wp-post-image"
                                                    src="/Content/Upload/Images/thumb3.png" /></div>
                                            <div class="post-content">
                                                Cùng check BST các kiểu tóc "khổng lồ" của Miley, Selena, Taloyr Swiff... và chấm
                                                điểm xem kiểu tóc của star nào đẹp hơn nhé!Những kiểu tóc luôn được xếp "ngang hàng"
                                                với trang phục nếu xét về độ quan trọng trong khâu làm đẹp của các teengirl. Bạn
                                                sẽ luôn tạo được những ấn tượng tuyệt vời nếu biết tinh mắt chọn lựa cho mình một
                                                kiểu tóc thực sự "ăn ý" với khuôn mặt cũng như kiểu trang phục mà mình định diện.
                                                Cùng zoom vào những kiểu tóc của các teen star để tìm gợi ý cho mình nhé....
                                            </div>
                                        </div>
                                        <div class="post-meta">
                                            <a href="#"><span>Xem thêm </span></a>
                                        </div>
                                        <div class="item-separator">
                                        </div>
                                    </div>
                                    <div class="leading-2">
                                        <div class="article">
                                            <h2 class="main_h2">
                                                <a rel="bookmark" href="#">Bài mới nhất - 03</a></h2>
                                            <div class="featured-thumbnail-alt fleft">
                                                <img width="314" height="198" title="thumb3" alt="thumb3" class="attachment-post-thumbnail wp-post-image"
                                                    src="/Content/Upload/Images/thumb4.png"></div>
                                            <div class="post-content">
                                                Cùng check BST các kiểu tóc "khổng lồ" của Miley, Selena, Taloyr Swiff... và chấm
                                                điểm xem kiểu tóc của star nào đẹp hơn nhé!Những kiểu tóc luôn được xếp "ngang hàng"
                                                với trang phục nếu xét về độ quan trọng trong khâu làm đẹp của các teengirl. Bạn
                                                sẽ luôn tạo được những ấn tượng tuyệt vời nếu biết tinh mắt chọn lựa cho mình một
                                                kiểu tóc thực sự "ăn ý" với khuôn mặt cũng như kiểu trang phục mà mình định diện.
                                                Cùng zoom vào những kiểu tóc của các teen star để tìm gợi ý cho mình nhé...
                                            </div>
                                        </div>
                                        <div class="post-meta">
                                            <a href="#"><span>Xem thêm </span></a>
                                        </div>
                                        <div class="item-separator">
                                        </div>
                                    </div>
                                    <div class="leading-3">
                                        <div class="article">
                                            <h2 class="main_h2">
                                                <a rel="bookmark" href="#">Bài mới nhất - 04</a></h2>
                                            <div class="featured-thumbnail-alt fleft">
                                                <img width="314" height="198" title="thumb3" alt="thumb3" class="attachment-post-thumbnail wp-post-image"
                                                    src="/Content/Upload/Images/thumb2.png"></div>
                                            <div class="post-content">
                                                Cùng check BST các kiểu tóc "khổng lồ" của Miley, Selena, Taloyr Swiff... và chấm
                                                điểm xem kiểu tóc của star nào đẹp hơn nhé!Những kiểu tóc luôn được xếp "ngang hàng"
                                                với trang phục nếu xét về độ quan trọng trong khâu làm đẹp của các teengirl. Bạn
                                                sẽ luôn tạo được những ấn tượng tuyệt vời nếu biết tinh mắt chọn lựa cho mình một
                                                kiểu tóc thực sự "ăn ý" với khuôn mặt cũng như kiểu trang phục mà mình định diện.
                                                Cùng zoom vào những kiểu tóc của các teen star để tìm gợi ý cho mình nhé....</div>
                                        </div>
                                        <div class="post-meta">
                                            <a href="#"><span>Xem thêm </span></a>
                                        </div>
                                        <div class="item-separator">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer-outer">
            <div id="footer-sub">
                <div id="footer">
                    <p class="copy">
                        Vudieutoc.com &copy; 2012<!-- {%FOOTER_LINK} -->
                    </p>
                </div>
                <!-- end footer -->
            </div>
        </div>
        <script type="text/javascript">
            Cufon.refresh();
            Cufon.now();
        </script>
    </div>
</body>
</html>
